{% extends '__base.tpl' %}

{% block head %}
{{super()}}
<!-- build:css -->
<link rel="stylesheet" type="text/css" href="../../../public/css/page/sendGift.css" />
<!-- endbuild -->
<style>
    .gift-ul .gift-li .img-wrap{
        min-width: 104px;
        width: auto;
        padding: 0 10px;
        border-radius: 5px;
        height:46px;
        line-height: 46px;
        text-align: center;
    }
    .gift-ul .gift-li.checked .img-wrap{
        background: none;
        border: 1px solid #ff8561;
       /* background: url("../../../public/images/pay-checked.png") no-repeat center center/contain;*/
    }
</style>
{% endblock %}

{% block body %}
<div class="user-bg">
    <div id="box">
        <div class="section-box">
            <div class="section-title">
                <span class="font24">充值</span>
                <a class="blue font12 ml10" href="/userCenter.html">返回</a>
            </div>
            <ul class="gift-ul" id="giftList"></ul>
            <script id="giftList_tpl" type="text/html">
                <%each data as arr i%>
                <li class="gift-li <%if i ==0 %> checked <%/if%>"  data-supportpays="<%arr.supportPays%>"
                    data-id="<%arr.id%>" data-price="<%arr.price%>">
                    <div class="img-wrap">
                        <%if arr.price< 0 %>
                        自定义
                        <%else%>
                        <%arr.descript%>
                        <%/if%>
                    </div>
                </li>
                <%/each%>
            </script>
            <div class="center clo6 mb20 hide" id="input-custom">
                自定义充值金额：
                <input id="price" style="width: 220px;" class="input mr10" placeholder="输入充值金额" type="number">元
            </div>
            <div class="center mt30">
                <button class="common-btn" onclick="BASE.USERCHARGE.charge(this)" >确认</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
{{ super() }}
<!-- build:js -->
<script src="../../../public/js/page/user/userCharge.js"></script>
<!-- endbuild -->
{% endblock %}